
.daily-tasks{
  padding-top: var(--rem-30);
  height: 100%;
  display: flex;
  flex-direction: column;
  .daily-tasks__header{
    width: var(--rem-365);
    margin: 0 auto 0;
  }
  .daily-tasks__content{
    flex-grow: 1;
    position: relative;
    &>ul{
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: var(--rem-20);
      overflow-x: hidden;
      overflow-y: auto;
      li{
        height: var(--rem-120);
        background: var(--z-bg-def);
        border-radius: var(--rem-20);
        margin: var(--rem-10) var(--rem-30) 0;
        display: flex;
        align-items: center;
        border: 2px solid var(--border-prm);
        box-sizing: border-box;
        padding: var(--rem-10);
        .daily-tasks__left{
          background: var(--z-bg-card);
          height: 100%;
          border-radius: var(--rem-10);
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          font-size: var(--rem-16);
          font-weight: 600;
          margin-top: var(--rem-5);
          color: var(--z-font-anti);
          width: var(--rem-100);
          margin-right: var(--rem-10);
          position: relative;
          &.receive{
            span,
            img.daily-tasks-icon{
              opacity: 0.5;
            }
            img.daily-tasks-receive{
              opacity: 1;
            }
          }
          img.daily-tasks-icon{
            width: var(--rem-25);
            height: var(--rem-25);
          }
          img.daily-tasks-receive{
            opacity: 0;
            position: absolute;
            width: var(--rem-40);
            top: 50%;
            margin-top: var(--rem-30-n);
          }
        }
        .daily-tasks__right{
          width: 50%;
          .daily-tasks__right-head{
            font-size: var(--rem-16);
            font-weight: 600;
            color: var(--z-font-anti);
          }
          .daily-tasks__right-desc{
            margin-top: var(--rem-10);
          }
        }
        .daily-tasks__receive{
          border: none;
          height: var(--rem-40);
          line-height: var(--rem-40);
          border-radius: var(--rem-20);
          padding: 0 var(--rem-20);
          color: var(--z-font-white);
          margin-left: auto;
          cursor: pointer;
          background-color: var(--z-bg-btn);
        }
      }
    }
  }
  .daily-tasks__footer{
    display: flex;
    justify-content: center;
    color: rgba(153, 164, 176, 0.6);
    align-items: center;
    height: var(--rem-50);
    .daily-tasks__time{
      margin-left: var(--rem-20);
      color: var(--z-font-anti);
    }
  }
}
